<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			* {
				margin: 0;
				padding: 0;
			}

			#a1 {
				height: 78px;
				background: #FAFAFA;
				text-align: center;
			}

			#a1 div div.b1 {
				float: left;
				line-height: 60px;
				/* margin: 0px; */
				/* padding: 0 10px; */
			}
			#a1 div div.b1>a{
				padding: 0 10px;
			}
			#a1 .divClass {
				margin-left: 300px;
			}

			.b1 ul {
				list-style: none;
				display: none;

			}

			#a1 a {
				text-decoration: none;
			}

			.b1:hover>ul {
				display: block;
			}

			#a1 .b1 ul li {
				line-height: 35px;
			}

			.b1:hover {
				background: #aeca2d;
				color: #fff;
			}

			#a1 .b1 .u1 li:nth-child(2n+1) {
				background: #f4f4f4;
			}

			#a1 .b1 .u1 li:nth-child(2n) {
				background: #fff;
			}
		</style>
	</head>
	<body>
		<div id="a1">
			<div class="divClass">
				<div class="b1">
					<a href="#" style="color:#aeca2d ;">首页</a>
				</div>
				<div class="b1">
					<a href="#">课工场学院</a>
					<ul class="u1">
						<li><a href="#">人工智能</a></li>
						<li><a href="#">大数据</a></li>
						<li><a href="#">云计算</a></li>
						<li><a href="#">D学院</a></li>
						<li><a href="#">互联网框架</a></li>
						<li><a href="#">Java全栈</a></li>
						<li><a href="#">网络计算</a></li>
						<li><a href="#">Web前端</a></li>
						<li><a href="#">创意设计</a></li>
						<li><a href="#">互联网营销</a></li>
					</ul>
				</div>
				<div class="b1">
					<a href="#">大学教材</a>
				</div>
				<div class="b1">
					<a href="#">师资力量</a>
				</div>
				<div class="b1">
					<a href="#">高薪就业</a>
				<ul class="u1">
					<li><a href="#">人保合作</a></li>
				</ul>
				</div>
				<div class="b1">
					<a href="#">在线课程</a>
				</div>
				<div class="b1">
					<a href="#">关于我们</a>
				</div>
			</div>
		</div>
	</body>
</html>